@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';
@line-color: deepskyblue;
@hover-color: @line-color;
.card {
  margin-bottom: 24px;
  .container {
    border: 2px solid;
    border-color: @line-color;
  }
  :global {
    .ant-card-body {
      padding: 12px;
    }
    .ant-input {
      border-radius: 0px;
      border-bottom: 1px solid;
      border-color: #eee;
      height: 1.8em;
    }
    .ant-form-item {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .ant-input {
      border-radius: 0px;
      border-bottom: 1px solid;
      border-color: #eee;
      height: 1.8em;
    }
    .ant-form-item-label {
      line-height: unset;
      padding-top: 3px;
    }
    .ant-input-number-handler-wrap {
      visibility: collapse;
    }
    // .ant-form-item-control {
    //   height: 2.2em;
    //   line-height: 2.2em; // line-height: unset;
    // }
  }
  .headerEditor {
    // margin-left: 0px !important;
    // margin-right: 0px !important; // border-top: 2px solid;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: @line-color;
  }
  .boxList {
    padding: 0px 2px;
    margin-bottom: 5px;
  }
  .headerInfo {
    border-top: 2px solid;
    border-color: @line-color;
    :global {
      .ant-col-10 {
        height: 3em;
        padding-top: 4px;
      }
    }
  }
}

.relEditContainer {
  :global {
    .ant-col-1 {
      width: 2.3em;
      height: 12em;
      line-height: 1.8em;
      text-align: center;
      padding-left: 3px;
      padding-right: 3px;
      padding-top: 3em;
      padding-bottom: 13px;
      border-left: 2px solid;
      border-right: 2px solid;
      border-color: @line-color;
    }
    #leader {
      border-left: none;
      width: 2.2em;
      padding-left: 3px;
      padding-right: 3px;
    }
    .ant-col-7 {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }
}